<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta charset="utf-8">
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="format-detection" content="telephone=no">
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
		<meta name="renderer" content="webkit" />
		<meta http-equiv="Pragma" content="no-store" />
		<meta http-equiv="Access-Control-Allow-Origin" content="*">
		<meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
		<title>mine</title>
		<link rel="stylesheet" type="text/css" href="../../css/bootstrap.min.css"/>
		<link rel="stylesheet" type="text/css" href="../../css/animsition.css"/>
		<script src="../../script/jquery-2.2.3.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="../../script/animsition.js" charset="utf-8"></script>
		<script src="../../js/itnetcao.js" charset="utf-8"></script>
		<script type="text/javascript" src="../../js/layer.js"></script>
		<style type="text/css">
			* {
				margin: 0;
				padding: 0;
				font-family: "微软雅黑";

			}
			.main {
				background: url(../../image/bg.png) no-repeat;
				width: 100%;
				height: 24rem;
			}
			.user-head {
				position: relative;
				top: 2.5rem;
				width: 90%;
				border-radius:1rem;
				-webkit-border-radius:1rem;
				height: 7rem;
				margin: 0 auto;
				background-color: #fff;
				height: 19.0rem;
			}
			.top-left {
				float: left;
				margin: 0.7 rem 0.3 rem 0 0.7 rem;
			}
			.top-left p {
				font-size: 4.0rem;
				margin-left:0.5rem;
			}
			.top-left span {
				font-size: 0.38 rem;
				text-align: center;
				height: 0.5 rem;
				line-height: 0.5 rem;
				width: 1.5 rem;
				display: inline-block;
				color: #FFF;
				margin-right: 0.1 rem;
			}
			.vip-span {
				background-color: #FFB800;
				display:inline-block;
				width:4.0rem;
				margin-left:0.5rem;
			}
			.level-span {
				background-color: mediumpurple;
				display:inline-block;
				width:4.0rem;
				margin-left:0.5rem;
			}
			.top-right {
				float: right;
				width: 2.0 rem;
				height: 2.0 rem;
				margin-right: 0.6 rem;
			}
			.top-right img {
				width: 2.3 rem;
				height: 2.3 rem;
				border-radius: 50%;
			}
			.head-bottom {
				clear: both;
				position: relative;
				top: 0.2 rem;
				font-size: 0.35 rem;
			}
			.head-bottom li {
				list-style: none;
				float: left;
				margin-left: 0.6 rem;
				margin-top: 0.2 rem;
				height: 0.5 rem;
				line-height: 0.5 rem;
			}
			.head-bottom li > span {
				color: orange;
			}
			.head-bottom img {
				font-size: 0.5 rem;
				margin-right: 0.1 rem;
				position: relative;
				top: -0.05 rem;
			}
			.user-main {
				clear: both;
				position: relative;
				top: 1.6 rem;
				padding-bottom: 2rem;
			}
			.user-main hr {
				margin-top: 0rem;
				width: 100%;
				height: 0.4 rem;
				background-color: rgba(96,96,96,0.1);
			}
			.choice {
				width:100%;
				height:3.5rem;
				border-bottom: 1px solid rgba(96,96,96,0.5);
				background-color: #fff;
				margin-top:1rem;
				margin-bottom:1rem;
			}
			.choice img{
				margin-left:20px;
				margin-top:0.1rem;
			}
			.choice span {
				float: right;
				margin-right:20px;
				color: rgba(96,96,96,0.4);
			}
			.choice a {
				text-decoration: none;
				color: #000;
			}
			a {
				text-decoration: none;
				color: black;
			}
		</style>
	</head>
	<body style="overflow-y:scroll;height:1000px;">
		<div class="main">
			<div class="user-head">
				<div class="head-top">
					<div class="top-left">
						<p class='userNames'>
							用户名
						</p>
						<span class="vip-span">会员</span>
						<span class="level-span userDengJi">钻1</span>
					</div>
					<div class="top-right">
						<img class='userImages' style='width:120px;height:120px;' src="../../image/5.jpg"/>
					</div>
				</div>
				<div class="head-bottom">
					<ul>
						<li style='width:13.0rem;margin-left:0.5rem;'>
							<img src="../../image/logo.png" width="20" height="18" alt="">
							XTS：<span class='xtsliang'></span>
						</li>
						<li style='width:13.0rem;margin-left:0.5rem;'>
							<img src="../../image/freeze.png" width="20" height="18" alt="">
							冻结：<span class='dongjieliang'></span>
						</li>
						<li style='width:12.8rem;margin-left:0.5rem;'>
							<img src="../../image/fruit.png" width="22" height="20" alt="">
							银果：<span class='yinguoshuliang'></span>
						</li>
						<li style='width:13.0rem;margin-left:0.5rem;'>
							<img src="../../image/exchange.png" width="25" height="22" alt="">
							交易：<span class='jiaoyiliang'></span>
						</li>
						<li style='width:13.0rem;margin-left:0.5rem;'>
							<img src="../../image/good.png" width="20" height="18" alt="">
							好评：<span class='haopinglv'>100.00%</span>
						</li>
					</ul>
				</div>
			</div>
			<div style='position:relative;width:100%;margin-top:5.0rem;' class='div_body_mune'>
				<div class="user-main">
					<hr style='height:20px;background:#F5F5F5;'/>
					<a href="machine.html">
						<div class="choice">
							<img src="../../image/stone.png" width="28" alt="">&nbsp;&nbsp;矿机<span class="glyphicon glyphicon-menu-right"></span>
						</div>
					</a>
					<a href="exchange.html">
						<div class="choice">
							<img src="../../image/change.png" width="25" alt="">&nbsp;&nbsp;求购/出售<span class="glyphicon glyphicon-menu-right"></span>
						</div>
					</a>
					<!-- <a href="order.html">
						<div class="choice">
							<img src="../../image/change.png" width="25" alt="">&nbsp;&nbsp;我的订单<span class="glyphicon glyphicon-menu-right"></span>
						</div>
					</a> -->
					<a href="re_list.html">
						<div class="choice">
							<img src="../../image/change.png" width="25" alt="">&nbsp;&nbsp;推荐列表<span class="glyphicon glyphicon-menu-right"></span>
						</div>
					</a>
					<a href="bill.html">
						<div class="choice">
							<img src="../../image/zhangdan.png" width="25" alt="">&nbsp;&nbsp;账单<span class="glyphicon glyphicon-menu-right"></span>
						</div>
					</a>
					<a href="set/authentication.html">
						<div class="choice">
							<img src="../../image/bill.png" width="25" alt="">&nbsp;&nbsp;实名认证<span class="glyphicon glyphicon-menu-right"></span>
						</div>
					</a>
					<hr style='height:5px;background:#F5F5F5;'/>
					<a href="recruit.html">
					<div class="choice">
						<img src="../../image/recruit.png" width="25" alt="">&nbsp;&nbsp;招募<span class="glyphicon glyphicon-menu-right"></span>
					</div> </a>
					<a href="community.html">
					<div class="choice">
						<img src="../../image/community.png" width="28" alt="">&nbsp;&nbsp;社区<span class="glyphicon glyphicon-menu-right"></span>
					</div> </a>
					<a href="javascript:f1();">
					<div class="choice">
						<img src="../../image/merchant.png" width="25" alt="">&nbsp;&nbsp;商户<span class="glyphicon glyphicon-menu-right"></span>
					</div> </a>
					<a href="javascript:f1();">
					<div class="choice">
						<img src="../../image/partner.png" width="25" alt="">&nbsp;&nbsp;合伙人<span class="glyphicon glyphicon-menu-right"></span>
					</div> </a>
					<hr style='height:5px;background:#F5F5F5;'/>
					<a href="javascript:window.location.href = 'kefulianxi.html';">
					<div class="choice">
						<img src="../../image/service.png" width="29" alt="">&nbsp;&nbsp;客服<span class="glyphicon glyphicon-menu-right"></span>
					</div> </a>
					<a href="javascript:f1();">
					<div class="choice">
						<img src="../../image/instruction.png" width="25" alt="">&nbsp;&nbsp;新手解答<span class="glyphicon glyphicon-menu-right"></span>
					</div> </a>
					<a href="javascript:window.location.href='guanyuwomen.html';">
					<div class="choice">
						<img src="../../image/aboutUs.png" width="25" alt="">&nbsp;&nbsp;关于我们<span class="glyphicon glyphicon-menu-right"></span>
					</div> </a>
					<a href="set.html">
					<div class="choice">
						<img src="../../image/set.png" width="25" alt="">&nbsp;&nbsp;设置<span class="glyphicon glyphicon-menu-right"></span>
					</div> </a>
				</div>
			</div>
		</div>
	</body>
	<script type="text/javascript">
		var h = $(".user-head").css("height").replace("px", "");
		$(".div_body_mune").css({
			"height" : h
		});
		var userId = jQuery.parseJSON(localStorage.getItem("miningmachine_user")).userId;
		var url = localStorage.getItem("url") + "/user/controller/UserFindByIdAPP.do";
		var data = "userId=" + userId;
		itcao.itGetAjaxBigData(url, data).done(function(result) {
			var json = jQuery.parseJSON(result);
			if (json.state == true) {
				var user = json.bean;
				$(".xtsliang").html(user.userGemstone);
				$(".yinguoshuliang").html(user.userInfoCurrency);
				$(".dongjieliang").html(itcao.isNull(user.userFrozenXTS));
				$(".userNames").html(user.userName);
				$(".userDengJi").html("钻" + user.userGrade);
				if (user.userImage != "" && user.userImage != null && user.userImage != "null" && user.userImage != undefined) {
					// 头像不存在
					$(".userImages").attr("src", localStorage.getItem("url") + user.userImage);
				}
			} else {
				alert(json.value);
			}
		})
		function f1() {
			layer.open({
				content : "功能正在开发中...",
				btn : ['确认'],
				yes : function(index) {
					layer.close(index);
				}
			})
		};
	</script>
</html>
